<template>
  <div class="home">
    <div class="image-area">
      <ImageArea v-model:isAdd="isAdd" v-model:isremove="isremove" />
    </div>
    <input type="button" value="添加区域"  @click="isAdd =true"/>
  </div>
</template>

<script>
// @ is an alias to /src

import ImageArea from "@/components/ImageArea";
import { ref } from "@vue/reactivity";
export default {
  name: "Home",
  components: {
    ImageArea,
  },
  setup() {
    const isremove = ref(false);
    const isAdd = ref(false);
    
    return {
      isremove,
      isAdd,
    };
  },
};
</script>
<style scoped>
.image-area {
  width: 500px;
  height: 500px;
  position: relative;
  background: red;
}
</style>
